﻿        <!-- 经纪人客户分布 -->
<div class="page-tab-box">
    <div class="chart-trend">
        <div class="head clearfix">
            <span class="fl">数量维度经纪人分布</span>
            <i class="fl report-icon-help" ui-tip url="views/broker-quality/tips-1.html"></i>
        </div>

        <div class="report-content">
            <ul class="clearfix">
                <li ng-class="{'on': query.type == '1'}" ng-click="query.type = '1'; query.querySpread()">
                    <p class="title">推荐客户</p><span class="tip">(已接收)</span>
                </li>
                <li ng-class="{'on': query.type == '2'}" ng-click="query.type = '2'; query.querySpread()">
                    <p class="title">到访客户</p><span class="tip">(已接收)</span>
                </li>
                <li ng-class="{'on': query.type == '3'}" ng-click="query.type = '3'; query.querySpread()">
                    <p class="title">认筹客户</p><span class="tip">&nbsp;</span>
                </li>
                <li ng-class="{'on': query.type == '4'}" ng-click="query.type = '4'; query.querySpread()">
                    <p class="title">认购客户</p><span class="tip">&nbsp;</span>
                </li>
                <li ng-class="{'on': query.type == '5'}" ng-click="query.type = '5'; query.querySpread()">
                    <p class="title">签约客户</p><span class="tip">&nbsp;</span>
                </li>
                <li ng-class="{'on': query.type == '6'}" ng-click="query.type = '6'; query.querySpread()">
                    <p class="title">认购金额</p><span class="tip">&nbsp;</span>
                </li>
                <li ng-class="{'on': query.type == '7'}" ng-click="query.type = '7'; query.querySpread()">
                    <p class="title">签约金额</p><span class="tip">&nbsp;</span>
                </li>
            </ul>
            <div id="graphic_spread" class="graphic" ng-show="query.hasSpreadData"></div>
            <div class="no-data ng-hide" ng-show="query.spreadData && !query.hasSpreadData"><span>暂无数据</span></div>
        </div>
    </div>

    <div class="detail-data">
        <div class="head clearfix">
            <span>数据明细</span>
        </div>
        <div class="report-content" id="table_content_spread" ng-show="query.hasSpreadData"></div>
        <div class="no-data ng-hide" ng-show="query.spreadData && !query.hasSpreadData"><span>暂无数据</span></div>
    </div>

    <div class="chart-trend">
        <div class="head clearfix">
            <span class="fl">转化率维度经纪人分布</span>
            <i class="fl report-icon-help" ui-tip url="views/broker-quality/tips-2.html"></i>
        </div>

        <div class="report-content">
            <ul class="clearfix">
                <li ng-class="{'on': query.type2 == '1'}" ng-click="query.type2 = '1'; query.querySpread2()">推荐转到访</li>
                <li ng-class="{'on': query.type2 == '2'}" ng-click="query.type2 = '2'; query.querySpread2()">到访转认购（含直签）</li>
                <li ng-class="{'on': query.type2 == '3'}" ng-click="query.type2 = '3'; query.querySpread2()">推荐转签约</li>
            </ul>
            <div id="graphic_spread_02" class="graphic" ng-show="query.hasSpread2Data"></div>
            <div class="no-data ng-hide" ng-show="query.spread2Data && !query.hasSpread2Data"><span>暂无数据</span></div>
        </div>
    </div>

    <div class="detail-data">
        <div class="head clearfix">
            <span>数据明细</span>
        </div>
        <div class="report-content" id="table_content_spread_02" ng-show="query.hasSpread2Data"></div>
        <div class="no-data ng-hide" ng-show="query.spread2Data && !query.hasSpread2Data"><span>暂无数据</span></div>
    </div>

</div>
<!-- 经纪人客户分布 -->
<script type="text/template" id="templ_table_spread">
    <table>
        <tr class="bg-blur"><th><#=type#></th><th>经纪人数量</th></tr>
        <# for(var i = 0, len = detail.length; i < len; i++) { #>
            <#var record = detail[i];#>
            <#=(i > 0 && i % 2 == 1) ? '<tr class="bg-blur">' : '<tr>'#>
                <td style="width:300px;"><#=record.section#></td>
                <td><#=record.count#></td>
            </tr>
        <# } #>
    </table>
</script>

<script type="text/template" id="templ_table_spread2">
    <table>
        <tr class="bg-blur"><th>客户数量区间</th><th>经纪人数量</th></tr>
        <# for(var i = 0, len = detail.length; i < len; i++) { #>
            <#var record = detail[i];#>
            <#=(i > 0 && i % 2 == 1) ? '<tr class="bg-blur">' : '<tr>'#>
                <td style="width:300px;"><#=record.section#></td>
                <td><#=record.count#></td>
            </tr>
        <# } #>
    </table>
</script>
